<?php get_header(); ?>

	<main role="main">
		<!-- section -->
		<section>


			<div class="main-page">
				
			
				<div class="left-page">
				<div class="cart-bg">
					<div class="cart-bg-i">
						<h3>Cart</h3>
						<div class="cart-into">
							<div class="cart-info">
								<div class="total-products" name="">Product</div>
								<div class="total" name="">Total
									<strong>$0.00</strong>
								</div>
								<div class="show-cart">
									<a href="#">Show Cart</a>
								</div>
							</div>
						</div>
					</div>
				</div>

				<?php get_sidebar(); ?>

				<div class="banner-right">
					<a href="#">
						<img src="<?php echo get_template_directory_uri(); ?>/jewelry/images/banner1.png">
					</a>
					<a href="#">
						<img src="<?php echo get_template_directory_uri(); ?>/jewelry/images/banner2.png">
					</a>
						<a href="#">
						<img src="<?php echo get_template_directory_uri(); ?>/jewelry/images/banner3.png">
					</a>
				</div>
			</div>












		<div class="right-page">
			
		
		<?php if (have_posts()): the_post(); ?>

			<h1 class="title"><?php _e( 'Các bài viết của  ', 'html5blank' ); echo get_the_author(); ?></h1>

		<?php if ( get_the_author_meta('description')) : ?>

		<?php echo get_avatar(get_the_author_meta('user_email')); ?>

			<h2><?php _e( 'About ', 'html5blank' ); echo get_the_author() ; ?></h2>

			<?php echo wpautop( get_the_author_meta('description') ); ?>

		<?php endif; ?>

		<?php rewind_posts(); while (have_posts()) : the_post(); ?>

			<!-- article -->
			<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

				<!-- post thumbnail -->
				<?php if ( has_post_thumbnail()) : // Check if Thumbnail exists ?>
					<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
						<?php the_post_thumbnail(array(120,120)); // Declare pixel size you need inside the array ?>
					</a>
				<?php endif; ?>
				<!-- /post thumbnail -->

				<!-- post title -->
				<h2>
					<a style="color:#b71958; 	text-decoration: none;" href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a>
				</h2>
				<!-- /Post title -->

				<!-- post details -->
				<span class="date"><?php the_time('F j, Y'); ?> <?php the_time('g:i a'); ?></span>
				<!-- /post details -->

				<?php html5wp_excerpt('html5wp_index'); // Build your custom callback length in functions.php ?>

				<br class="clear">

				<?php edit_post_link(); ?>

			</article>
			<!-- /article -->

		<?php endwhile; ?>

		<?php else: ?>

			<!-- article -->
			<article>

				<h2><?php _e( 'Sorry, nothing to display.', 'html5blank' ); ?></h2>

			</article>
			<!-- /article -->

		<?php endif; ?>

			<?php get_template_part('pagination'); ?>
			</div>

			<div class="connectus" >
			<div class="connectus-left">
				<span>Tìm chúng tôi trên:</span>
				<a href="">
					<img src="<?php echo get_template_directory_uri(); ?>/jewelry/images/fa.png">
				</a>
			</div>
		
			<div class="connectus-right">
				<strong>Nhận email về sản phẩm mới với giá tốt nhất!</strong>
				<input type="text" placeholder="Nhập email">
				<button class="btnsignup">Đăng ký</button>
			</div>
		</div>

			</div>
		</section>
		<!-- /section -->
	</main>

<?php get_footer(); ?>
